<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta content="yes" name="apple-mobile-web-app-capable">
        <meta content="yes" name="apple-touch-fullscreen">
        <meta content="telephone=no,email=no" name="format-detection">
        <script src="/js/lib/flexible.js"></script>
        
        <title>文章</title>
    </head>
    <body ontouchstart>
        <div class="main">
            <!-- 文章 -->
            <article data-id="123">
                <!-- 标题 -->
                <div class="head padding-side bottom-line">
                    <h1 class="title">2017年4月20日时事政治（国内）</h1>
                    <div class="info clearfix">
                        <span class="icon pull-left"></span>
                        <span class="source pull-left">华叔</span>
                        <span class="time pull-left">2017-04-20 9:20:54</span>
                        <span class="views pull-right">阅读 <em>6666</em></span>
                    </div>
                </div>
                <!-- 内容 -->
                <div class="content padding-side">
                    <p>1.《国家“十三五”时期文化发展规划纲要》发布，世界多极化、经济全球化、文化多样化、社会信息化深入发展，综合国力竞争日趋激烈，迫切需要提高文化开放水平，广泛参与世界文明对话，增强国际话语权，展示中华文化独特魅力，增强国家文化软实力。面对新形势要求，要进一步坚定文化自信，增强文化自觉，奋力开创中国特色社会主义文化建设新局面，为做好党和国家各项工作提供强大的价值引领力、文化凝聚力和精神推动力。</p>
                    <p>1.《国家“十三五”时期文化发展规划纲要》发布，世界多极化、经济全球化、文化多样化、社会信息化深入发展，综合国力竞争日趋激烈，迫切需要提高文化开放水平，广泛参与世界文明对话，增强国际话语权，展示中华文化独特魅力，增强国家文化软实力。面对新形势要求，要进一步坚定文化自信，增强文化自觉，奋力开创中国特色社会主义文化建设新局面，为做好党和国家各项工作提供强大的价值引领力、文化凝聚力和精神推动力。</p>
                    <p>1.《国家“十三五”时期文化发展规划纲要》发布，世界多极化、经济全球化、文化多样化、社会信息化深入发展，综合国力竞争日趋激烈，迫切需要提高文化开放水平，广泛参与世界文明对话，增强国际话语权，展示中华文化独特魅力，增强国家文化软实力。面对新形势要求，要进一步坚定文化自信，增强文化自觉，奋力开创中国特色社会主义文化建设新局面，为做好党和国家各项工作提供强大的价值引领力、文化凝聚力和精神推动力。</p>
                    <img src="https://www.baidu.com/img/bd_logo1.png">
                    <img src="https://ss1.baidu.com/6ONXsjip0QIZ8tyhnq/it/u=70260373,118438545&fm=58&bpow=500&bpoh=416&u_exp_0=4178248565,4096638708&fm_exp_0=86">
                </div>
                <!-- 操作 -->
                <div class="control padding-side bottom-line">
                    <a class="btn-A" href="javascript:void(0)">已掌握，去测评</a>
                </div>
                <!-- 分享 -->
                <div class="share-list padding-side clearfix">
                    <span class="pull-left">分享到</span>
                    <ul>
                        <a class="pull-left" href="javascript:void(0)"><li class="pull-left" id="friend"></li></a>
                        <a class="pull-left" href="javascript:void(0)"><li class="pull-left" id="wechat"></li></a>
                        <a class="pull-left" href="javascript:void(0)"><li class="pull-left" id="qzone"></li></a>
                        <a class="pull-left" href="javascript:void(0)"><li class="pull-left" id="qq"></li></a>
                    </ul>
                </div>
            </article>
            <!-- 相关资讯 -->
            <section class="relative padding-side">
                <div class="relative-header clearfix">
                    <h2 class="pull-left">相关资讯</h2><a class="arrow pull-right" href="javascript:void(0)">更多</a>
                </div>
                <ul>
                    <li class="top-line" data-id="22"><a href="javascript:void(0)">2017年4月19日时事政治（国内）</a></li>
                    <li class="top-line" data-id="33"><a href="javascript:void(0)">2017年4月19日时事政治（国内）</a></li>
                    <li class="top-line" data-id="44"><a href="javascript:void(0)">2017年4月19日时事政治（国内）</a></li>
                </ul>
                
            </section>
            <!-- 评论 -->
            <section class="comment padding-side">
                <div class="comment-header clearfix">
                    <h2 class="pull-left">评论</h2>
                </div>
                <ul class="comment-list top-line">
                    <p class="comment-style">热门评论</p>
                    <li class="comment-item bottom-line clearfix">
                        <div class="comment-head pull-left"></div>
                        <div class="comment-content">
                            <div class="clearfix">
                                <p class="name">我是用户名啊</p>
                                <span class="time pull-left">2017-05-09 11:14:50</span>
                                <span class="good pull-right"><em class="pull-left">9</em><i class="pull-left"></i></span>
                            </div>
                            <div class="text">我回复了这篇文章,你说吧我要是回复的很长会怎么样呢？？</div>
                            <!-- 回复别人 -->
                            <!-- <div class="post">
                                <p class="name">用户1</p>
                                <div class="text">我回复了这篇文章,你说吧我要是回复的很长会怎么样呢？</div>
                            </div> -->
                            <div class="action clearfix">
                                <span class="reply pull-right"><em class="pull-left">回复</em><i class="pull-left"></i></span>
                            </div>
                            <!-- 作者回复 -->
                            <div class="author top-line">
                                 <p class="name">作者回复：</p>
                                <div class="text">就是这样</div>
                            </div>
                        </div>
                    </li>
                </ul>
                <div class="comment-more">
                    <a class="btn-B" href="javascript:void(0)">查看更多评论</a>
                </div>
                <!-- <div class="article-no-comment top-line">
                    <div class="container">
                        <div></div>
                        <p>没有评论看哦！</p>
                    </div>
                </div> -->
            </section>
            <!-- app底部nav -->
            <footer class="article-nav"></footer>
        </div>
        <!-- 测评按钮 -->
        <button class="btn-round" id="test">测评</button>
        

    </body>
</html>